<template>
	<view class="flex-col section_3">
	  <view class="flex-row justify-between">
	    <text class="text">提示</text>
	    <image
			@click="close"
	      class="image"
	      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16647952493723435115.png"
	    />
	  </view>
	  <view class="flex-col space-y-55 group">
	    <view>
	      <text class="font_1">您好，您监管的专利数量已达上限【</text>
	      <text class="font_1 text_2">10条</text>
	      <text class="font_1">】，</text>
	      <text class="font_1">若需继续添加，请联系业务人员。</text>
	    </view>
	    <view class="flex-row space-x-31 equal-division">
	      <view @click="close" class="flex-col items-center equal-division-item"><text class="font_2 text_3">暂不联系</text></view>
	      <view class="flex-row justify-evenly equal-division-item_2">
	        <image
	          class="image_2"
	          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/632afc43e391320011695f3b/16647952493387058550.png"
	        />
	        <text class="font_2 text_4" @click="phone">电话联系</text>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onLoad(option) {
			
		},
		methods:{
			close(){
				this.$emit('handleBtn')
			},
			phone(){
				uni.makePhoneCall({
					phoneNumber: '15755387045' //仅为示例
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
.section_3 {
  margin: 0 30rpx;
  padding: 29rpx 30rpx 61rpx;
  background-color: #ffffff;
  border-radius: 4rpx;
  .text {
    color: #666666;
    font-size: 32rpx;
    font-family: Microsoft YaHei;
    line-height: 31rpx;
  }
  .image {
    margin-bottom: 10rpx;
    width: 21rpx;
    height: 21rpx;
  }
  .space-y-55 {
    & > view:not(:first-child),
    & > text:not(:first-child),
    & > image:not(:first-child) {
      margin-top: 55rpx;
    }
    .font_1 {
      font-size: 28rpx;
      font-family: Microsoft YaHei;
      line-height: 48rpx;
      color: #333333;
    }
    .text_2 {
      color: #ec8e00;
    }
    .space-x-31 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-left: 31rpx;
      }
      .equal-division-item {
        padding: 18rpx 0 20rpx;
        flex: 1 1 240rpx;
        background-color: #ffffff;
        border-radius: 4rpx;
        width: 240rpx;
        height: 68rpx;
        border: solid 1rpx #e9e9e9;
        .text_3 {
          color: #666666;
        }
      }
      .equal-division-item_2 {
        padding: 19rpx 40rpx 20rpx 44rpx;
        flex: 1 1 240rpx;
        background-color: #37c637;
        border-radius: 4rpx;
        height: 68rpx;
        .image_2 {
          width: 33rpx;
          height: 28rpx;
        }
        .text_4 {
          color: #ffffff;
        }
      }
      .font_2 {
        font-size: 28rpx;
        font-family: Microsoft YaHei;
        line-height: 28rpx;
      }
    }
    .equal-division {
      margin-left: 11rpx;
      align-self: flex-start;
      width: 511rpx;
    }
  }
  .group {
    margin: 41rpx 20rpx 0 43rpx;
  }
}
</style>